
class Sub {
    constructor(subId) {
        let This = this;
        this.currentTab = 0;
        this.subId = subId;
        
        $(`#${this.subId} .category li`).click(function() {
            This.currentTab = $(this).index();
            This.tabChange();
        })
    }

    tabChange() {
        $(`#${this.subId} .category-item`).css('display', 'none');
        $(`#${this.subId} .category-item:eq(${this.currentTab})`).css('display', 'block');
        this.dotChange();
    }

    dotChange() {
        $(`#${this.subId} .category li`).removeClass('active');
        $(`#${this.subId} .category li:eq(${this.currentTab})`).addClass('active');
    }
}

new Sub('product-yi');
new Sub('product-yao');